<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>6种炫酷的CSS3按钮边框动画特效</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
    <article class="htmleaf-container">
        <header class="htmleaf-header">
            <h1>6种炫酷的CSS3按钮边框动画特效 <span>Button border animate</span></h1>
        </header>
        <div class="htmleaf-content">
            <h3>用鼠标滑过下面的按钮看看效果！</h3>
            <button class="draw">draw</button>
            <button class="draw meet">draw meet</button>
            <button class="center">center</button>
            <button class="spin">spin</button>
            <button class="spin circle">spin circle</button>
            <button class="spin thick">spin thick</button>
        </div>
    </article>
</body>
</html>